import Vue from 'vue/dist/vue.esm.js'

import App from './App.vue'

import { Icon, Menu, Badge, Card } from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'

// import { Form, FormItem, Input, Button, Table, TableColumn, Popover, Tag, Pagination, MessageBox  } from 'element-ui'
import elementUI from 'element-ui'
// import 'element-ui/lib/theme-chalk/index.css';

import { MyPlugin } from './filter/filter'

import 'dplayer/dist/DPlayer.min.css' // dplayer

import router from './router/router'

import VueLazyload from 'vue-lazyload'

import store from './store'

Vue.config.productionTip = false

Vue.use(MyPlugin, {type: 'test'})

import ref from 'vue-ref'
Vue.use(ref, { name: 'ant-ref' })

Vue.use(Icon)
Vue.use(Menu)
Vue.use(Badge)
Vue.use(Card)
// Vue.use(Form)
// Vue.use(FormItem)
// Vue.use(Input)
// Vue.use(Button)
// Vue.use(Table)
// Vue.use(TableColumn)
// Vue.use(Popover)
// Vue.use(Tag)
// Vue.use(Pagination)
// Vue.use(MessageBox)
// Vue.prototype.$MessageBox = MessageBox
Vue.use(elementUI)

Vue.use(VueLazyload, {
  loading: require('./assets/logo.png')
})

new Vue({
  el: '#app',
  router,
  store,
  template: '<App/>',
  components: {
    App
  }
})
